﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>   
<!doctype html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>会员登录</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css" type="text/css" />
		<script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap.min.js" type="text/javascript"></script>
		<!-- 引入自定义css文件 style.css -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css"/>

		<style>
			body {
				margin-top: 20px;
				margin: 0 auto;
			}
			
			.carousel-inner .item img {
				width: 100%;
				height: 300px;
			}
            .orange{
                color: orange;
            }
            .red{
                color: red;
            }
            .payButton{
                font-size: 1em;
                padding: 5px;
            }
		</style>
	</head>

	<body>

			<%@ include file="/jsp/header.jsp" %>

		<div class="container">
			<div class="row">

				<div style="margin:0 auto; margin-top:10px;width:950px;">
					<strong>我的订单</strong>
					<table class="table table-bordered">
					<c:forEach items="${page.list}" var="o">	
						<tbody>
							<tr class="success">
								<th colspan="2" valign="center">
									订单编号:<em class="orange">${o.oid}</em>

									<!--删除按钮-->
									<c:if test="${o.state==1}">
										<a href="${pageContext.request.contextPath}/OrderServlet?method=deleteOrderById&oid=${o.oid}">删除</a>
									</c:if>

                                </th>
                                <th>
									&nbsp&nbsp&nbsp合计:<em class="red">¥${o.total}</em> 元

                                    <em class="payButton">
                                        <c:if test="${o.state==1}">
                                            <a href="${pageContext.request.contextPath}/OrderServlet?method=findOrderByOid&oid=${o.oid}">付款</a>
                                        </c:if>
                                        <c:if test="${o.state==2}">未发货</c:if>
                                        <c:if test="${o.state==3}">
                                            <a href="${pageContext.request.contextPath}/OrderServlet?method=updateOrderStateById&oid=${o.oid}&state=4">签收</a>
                                        </c:if>
                                        <c:if test="${o.state==4}">完成</c:if>
                                    </em>

								</th>
								<th colspan="2">
									时间:&nbsp<em class="orange"> ${o.orderTime}</em>
								</th>
							</tr>
							<tr class="warning">
								<th>图片</th>
								<th>商品</th>
								<th>价格</th>
								<th>数量</th>
								<th>小计</th>
							</tr>
						<c:forEach items="${o.list}" var="item">	
							<tr class="active">
								<td width="60" width="40%">
									<input type="hidden" name="id" value="22">
									<img src="${pageContext.request.contextPath}/${item.product.pimage}" width="70" height="60">
								</td>
								<td width="30%">
									<a target="_blank">${item.product.pname}</a>
								</td>
								<td width="20%">
									￥${item.product.shop_price}
								</td>
								<td width="10%">
									${item.quantity}
								</td>
								<td width="15%">
									<span class="subtotal">￥${item.total}</span>
								</td>
							</tr>
						  </c:forEach>
						</tbody>
					  </c:forEach>	
					</table>
					<%@ include file="/jsp/pageFile.jsp" %>
				</div>
			</div>
			
		</div>

		<%@ include file="/jsp/footer.jsp" %>
	</body>

</html>